<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>深大水果姐姐</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css">
<link rel="stylesheet" href="css/fruits.css">
<script src="js/jquery.min.js"></script>
<script src="js/customjqmb.js"></script>
<script src="js/jquery.mobile-1.3.2.min.js"></script>
<script src="js/fruits.js"></script>
</head>
<body>
<div id="pageC" data-role="page" data-dom-cache="true">
		<script type="text/javascript">
			$(document).on("pageinit", "#pageC", function(event) {
				clickTypes(2);
			});
			$(document).on("pageshow", "#pageC", function(event) {
				setShadow();
			});
		</script>
    <div data-role="header" class="jqm-header" data-position="fixed">
		<h1>深大水果姐姐</h1>
		<span class="ui-btn-right"><a href="#" onclick="goToIndex6()"><img alt="" height="30px" width="30px" src="img/me.png" /></a></span>
    </div><!-- /header -->

    <div data-role="content" class="jqm-content">
		<div id="home-items" class="items">
		</div>
		
		<!-- 悬浮购物车 -->
		<div id="fixed_cart" class="cart">
			<span id="number"></span>
			<img src="img/car@2x.png">
		</div>
		</div><!-- /content -->

		<div data-role="footer" data-id="foo1" data-position="fixed">
			<div data-role="navbar">
				<ul>
					<li><a href="index.html" data-transition="none">鲜果切</a></li>
					<li><a href="index2.html" data-transition="none">随心配</a></li>
					<li><a href="index3.html" data-transition="none" class="ui-btn-active ui-state-persist">免洗果</a></li>
					<li><a href="index4.html" data-transition="none">组合餐</a></li>
				</ul>
			</div><!-- /navbar -->
		</div><!-- /footer -->
	</div><!-- /page -->
	</body>
	</html>
